import React, { Children, Component } from 'react'
import PropTypes from 'prop-types'
import './css/style.css'
export class NavBar extends Component {
  render() {
    console.log(this.props.children)
    const { children } = this.props
    return (
      <div className='nav-bar'>
        <div className="left">{children[0]}</div>
        <div className="center">{children[1]}</div>
        <div className="right">{children[2]}</div>
      </div>
    )
  }
}


export default NavBar